<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:h="http://java.sun.com/jsf/html" 
      xmlns:a4j="http://richfaces.org/a4j"
      xmlns:rich="http://richfaces.org/rich"
      xmlns:c="http://java.sun.com/jsp/jstl/core" >
 <head>
 </head>    
  <ui:composition template="/templates/default/template.xhtml">
   <ui:define name="body"> 
 	<h:panelGrid columns="1" style="margin-left:5px;width:100%">	
 				<!--  tieu de -->
	 			<h:panelGrid columns="3" styleClass="columPanelbaritemTitle">
					<h:graphicImage value="/templates/default/images/left-heading_01.jpg" style="margin-left:-4px;margin-bottom:0px"></h:graphicImage>
			  		<h:outputText value="Số hộ chiếu cấp mới" styleClass="panelbaritemTitle"></h:outputText>
					<h:graphicImage value="/templates/default/images/left-heading_03.jpg"></h:graphicImage>
		  		</h:panelGrid>
		  			<!-- ket thuc tieu de -->
					<!-- phan noi dung phia duoi -->
	<h:panelGrid columns="1" styleClass="panelGridBody">
	 <h:form>			
		<rich:panel style="background:#FFFFFF">
			<h:panelGrid columns="1" style="margin-left:80px">
				   <h:outputText id="idError" value="#{hoChieuMoi.error}" style=" color: red;">
			       </h:outputText>
		   </h:panelGrid>
			<h:panelGrid columns="2">
			  			<h:outputText value="Từ ngày:" style="margin-left:20px;" styleClass="inputText"></h:outputText>
		    			<rich:calendar value="#{hoChieuMoi.ngayBatDau}" datePattern="dd/MM/yyyy" />
		    	
		    			<h:outputText  value="Đến ngày:"  style="margin-left:20px;" styleClass="inputText" ></h:outputText>
						<rich:calendar value="#{hoChieuMoi.ngayKetThuc}" datePattern="dd/MM/yyyy" />
						
			 </h:panelGrid>
			 <h:panelGrid columns="3" style="margin-left:100px;margin-top:10px">
			    	<a4j:commandButton value="Thống kê" styleClass="Button"
			    	   reRender="idError" action="#{hoChieuMoi.thongKeSoLuongHC}" ></a4j:commandButton>
			    	   <a4j:commandButton  value="Xuất report" styleClass="Button" action="#{hoChieuMoi.XuatReport}"></a4j:commandButton>
			    	<a4j:commandButton  value="Reset" styleClass="Button" action="#{hoChieuMoi.reset}"></a4j:commandButton>
			 </h:panelGrid>
		  </rich:panel>
		  		  <!-- ket thuc action -->
				
			 <h:panelGrid columns="1" style="margin-left:0px;">		       		
		       		<h:outputText value="Tổng số hộ chiếu được cấp mới #{hoChieuMoi.tongSoLuong}" style=" color: red;"></h:outputText>
			 </h:panelGrid>
		
			 <h:panelGrid columns="2" style="margin-left:0px;">
					<h:outputText value="Hiển thị danh sách hộ chiếu cấp mới:"  style=" color: red;"></h:outputText>		       		
					<h:selectBooleanCheckbox value="#{hoChieuMoi.hienThiListHC}" immediate="true" onchange="submit()">
					</h:selectBooleanCheckbox>	
			 </h:panelGrid>
				 
			<!-- Bat dau table -->
			
		</h:form> 
	</h:panelGrid>	
<ui:include src="#{hoChieuMoi.pathToListHC}" />
</h:panelGrid>  
</ui:define>
</ui:composition>			
      
 </html>     